<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的课程 - 视频播放</title>
    <th:block th:include="include :: header('我的课程')" />
    <link th:href="@{/css/plugins/plyr/plyr.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-24">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>视频播放</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="form_basic.html#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="player">
                        <video>
                            <!-- Video files -->
                            <source th:src="${storagePath}" type="video/mp4">
                        </video>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script  th:inline="javascript">
    var curl = ctx + "css/plugins/plyr/sprite.svg";
    (function (d, u) {
        var a = new XMLHttpRequest(),
            b = d.body;

        // Check for CORS support
        // If you're loading from same domain, you can remove the if statement
        if ("withCredentials" in a) {
            a.open("GET", u, true);
            a.send();
            a.onload = function () {
                var c = d.createElement("div");
                c.setAttribute("hidden", "");
                c.innerHTML = a.responseText;
                b.insertBefore(c, b.childNodes[0]);
            }
        }
    })(document,curl);
</script>

<!-- Plyr core script -->
<script th:src="@{/js/plugins/plyr/plyr.js}"></script>
<script>
    plyr.setup();
</script>

<th:block th:include="include :: footer" />
<script th:src="@{/js/content.js}"></script>
</body>

</html>
